<!DOCTYPE html>
<html lang="en">
<link>
    <meta charset="UTF-8">
    <title>Reading List</title>
    <link rel="stylesheet" th:href="@{/style.css}"></link>
</head>
<body>
<h2>Your Reading List</h2>
<div th:unless="${#lists.isEmpty(books)}">
    <dl th:each="book : ${books}">
        <dt class="bookHeadline">
            <span th:text="${book.title}"> Title</span> by
            <span th:text="${book.author}">Author</span>
            (ISBN: <span th:text="${book.isbn}">ISBN</span>>)
        </dt>
        <dd class="bookDescription">
            <span th:if="${book.description}" th:text="${description}">Description</span>
            <span th:if="${book.description eq null}">No description available</span>
        </dd>
    </dl>
</div>
<div th:if="${#lists.isEmpty(books)}">
    <P>You have no books in your book list</P>
</div>

<hr/>
<h3>Add a book</h3>
<input method="POST">
    <label for="title">Title:</label>
    <input type="text" name="title" size="50"></input><br/>
    <label for="author">Author</label>
    <input type="text" name="author" size="50"><br/>
    <label for="isbn" >ISBN:</label>
    <input type="text" name="isbn" size="15"><br/>
    <label for="description">Description:</label>><br/>
     <textarea name="description" cols="80" rows="5">
     </textarea><br/>
     <input type="submit">
</form>
</body>
</html>